<template>
  <div style="height:100%;">
    <div id="placeholder" class="nav"></div>
  </div>
</template>
<script>
export default {
  props: {
    formMsg: {
      type: Object,
      default: () => {
        return {};
      }
    },
    isEditor: {
      type: Boolean,
      default: true
    },
    officialKey: {
      type: String,
      default: ""
    }
  },
  data() {
    return {
      docEditor: null
    };
  },
  methods: {
    onDocumentReady() {
      this.$emit("onDocumentReady");
    }
  },
  mounted() {
    console.log(
      `${this.officialKey}_${this.formMsg.docFileId}`,
      this.isEditor,
      "文档id"
    );

    if (this.formMsg) {
      let config = {
        document: {
          fileType: "docx",
          key: `${this.officialKey}_${this.formMsg.docFileId}`,
          title: "Example Document Title.docx",
          url:
            this.$store.state.off_url +
            `office/out/downLoad/${this.formMsg.docFileId}`,
          //url: `http://59.56.179.58:8082/office/out/downLoad/${this.formMsg.docFileId}`,//正式
          //url: `http://192.168.10.92:8080/office/out/downLoad/${this.formMsg.docFileId}`, //测试
          permissions: {
            comment: false,
            download: false,
            edit: this.isEditor, //（文件是否可以编辑，false时文件不可编辑）
            fillForms: false,
            print: false,
          }
        },
        documentType: "text",
        width: "100%",
        height: "100%",
        editorConfig: {
          callbackUrl: this.$store.state.off_url + "/office/out/docx/save",
          //callbackUrl: "http://59.56.179.58:8082/office/out/docx/save",//正式
          //callbackUrl: "http://192.168.10.92:8080/office/out/docx/save", //测试
          lang: "zh-CN",
          // mode: this.isEditor ? "edit" : "view",
          customization: {
            forcesave: false, //定义保存按钮是否显示默认false
            chat: false, //定义“聊天”菜单按钮是显示还是隐藏；请注意，如果您隐藏“聊天”按钮，则相应的聊天功能也将被禁用。默认值为true。
            macros: false, //定义是否将运行文档宏以及可用的宏设置。默认值为true。
            plugins: false, //定义是否将启动插件并可用。默认值为true。
            spellcheck: false, //定义在加载编辑器时是否自动打开或关闭拼写检查器。拼写检查器仅适用于文档编辑器和演示文稿编辑器。默认值为true。
            autosave: true, //定义是启用还是禁用“自动保存”菜单选项。请注意，如果您在菜单中更改此选项，它将被保存到浏览器的localStorage中。默认值为true。
            compactHeader: true,
            toolbarNoTabs: true, //定义是突出显示顶部工具栏选项卡样式。默认值为false。
            compactToolbar: true //定义显示的顶部工具栏类型是完整（false）还是紧凑true。默认值为false 多余菜单将在右侧折叠点击显示。
          }
        },
        events: {
          //事件配置
          onDocumentReady: this.onDocumentReady //文档初始化准备好后的回调
        }
      };
      // http://59.56.179.58:8083/web-apps/apps/api/documents/api.js
      this.docEditor = new window.DocsAPI.DocEditor("placeholder", config);
    }
  }
};
</script>
